/*-----------------------------------------------------------------------------
css main for vortex

-----------------------------------------------------------------------------*/

@import "lib/typography.css";
@import "lib/grid.css";


body 	{ 
	margin: 0 0;
 	background-image:url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #E3E2E2;/*#F0EEDF*/}



blockquote p 	{ padding: 0 20px 0 30px; }
hr 				{ background: #CCC; height: 1px; }
img				{ margin: 0; }
p img			{ float: none; }
ol				{ margin-left: 35px; }
label			{ font-weight: normal; }
textarea		{ height: 200px; width: 500px;}
.small			{ font-size: .9em; }
.nomargin		{ margin: 0; }



/* A container should group all your columns. */
.container {
	text-align: left;
	position: relative;
	padding: 0;
	width: 100%;
	/* Centers layout */
  		/*   min-height: 100%;
	height: auto !important;*/
	
	/*margin: 0 auto -100px ;*/
}




/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

#header {
	height: 90px ;
	width: 100%;
	background-image:url(../images/header_bg.png);
	background-repeat:repeat-x;
	
}

#header .logo {
	width: 960px;
	margin: 0 auto;
	height: 90px;
	/*background-image:url(../images/header.png);
	background-repeat:no-repeat;*/
	/*background: rgb(0, 0, 0);
	 /* RGBa with 0.6 opacity * works for safari n mozilla/
	 background: rgba(0, 0, 0, 0.03);*/
}
#header .identity{
	float: left;
	height: 90px;
	margin-left: 0px;
	opacity: 0.9;
	}
#header h1{	
	color:#FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	}
#header .menu {
	float: right;
	margin:40px 30px 0 0  ;
	
	}

#header .menu ul{
	display:block;
	
	}
	
#header .menu ul li {
	list-style:none;
	display: inline;
	padding-left: 10px;
	padding-bottom:18px;
	}


#header .menu ul li:hover{
	background-image: url(../images/menupointer.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
#header .current{
	background-image: url(../images/menupointer.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
#header a{
	text-decoration:none;
	color:#fff;
	}

#header a:link {
	color:#FFF;
}
#header  a:visited {
	color:#FFF;
}
#header  a:hover{
	color:#eee;
	text-shadow: 0.1em 0.05em 0.2em black;
	}
#header a:active {
	color:#FFF;
}	

/*---------------------------------------------------------------------------
	Page
---------------------------------------------------------------------------*/

#page {
	width:100%;
	border-top:#fff solid 1px;
	}
	
.banner{
	background-image:url(../images/banner.png);
	background-repeat:no-repeat;
	height: 180px;
	margin: 0 auto;
	padding: 25px;
	}
	
	
#ballon{
	}
#ballon .arrow{
	float:left;opacity: 0.3;
	}
#ballon .bbox{
	width:500px; height: 120px;  background: white; float: left; padding:20px;                 			                 
	
				 border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-top-right-radius: 10px;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-bottom-right-radius: 10px;
				-webkit-border-bottom-left-radius: 10px;"
}
#ballon p{
	font-size:25px; color: #404040;
	}
		

#maincontent {
	margin: 0 auto;
	padding: 0px;
	}
	
#entry{
	color:#404040;
	float:left;
	
	
		}

#signup{
		float: right;
		}
	
#signup .signup_info{
	width: 300px;
	text-align:center;
	padding-bottom: 10px;
	padding-top:10px;
	color:#404040
}
#signupbutton a:hover{
	opacity: 0.9;
	}
/*---------------------------------------------------------------------------
	end Page
---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------
	mid body
---------------------------------------------------------------------------*/
#midbody{
	margin-top: 5px;
	border-top:#8D8D8D solid 1px;
	border-bottom:#8D8D8D solid 1px;
	height:50px;
	}

/*---------------------------------------------------------------------------
	end mid body
---------------------------------------------------------------------------*/
	
	

/*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/


#footer {
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	height: 200px; 
	margin-top: 0px;
	border-top:#fff solid 1px;
	}
#footer .copy{
	text-align: center; 
	font-size: .9em;
	
	}
#footer .copy a{
	color: #404040;
	}
	
#footer a {
	text-decoration: none;
	font-size: 1em;
	}

#footer .menubox{
	//background-image:url(../images/menubox/.png);
	//background-repeat:no-repeat;
	width:230px;
	height: 140px;
	padding-top: 20px;	
	margin-right: 5px;
	float:left;
/*	background-color: #FFF;
*/	background: #EFEFEF;
	
	
	
	}	

#footercontent {
	margin: 0 auto;/* this make content center*/
	}


	
	
	
.menubox ul { margin-left: 0px; list-style-type: none; }
	
.menubox ul li{
	text-align: center;
	padding-bottom:5px;
	border-bottom:#BFBFBF solid 1px;
	width: 150px;
	}

	
#flist a{
	color:#404040;
	}
#flist a:hover{
	color:#5286B6;
	}
